// 顶部状态拦滚动
$(window).scroll(function () {
  const sc = $(this).scrollTop(),
    ww = 400,
    header = $("header");
  // console.log(header);
  if (sc >= ww) {
    $("header").addClass("top-fixed");
  } else if (sc < ww) {
    $("header").removeClass("top-fixed");
  }
});

// 顶部滚动字幕
function autoScroll() {
  var scrtimer; //定时器
  var $this = $(".scrollingsubtitles");
  // console.log($this);

  function scroll(obj) {
    // console.log(obj);
    var scroll = obj.find("ul:first");
    var lineHeight = scroll.find("li:first").height();
    scroll.animate({
      "margin-top": -lineHeight + "px"
    }, 600, function () {
      scroll.css({
        "margin-top": "0"
      }).find("li:first").appendTo(scroll);
    });
  }

  //鼠标悬停
  $this.hover(function () {
    clearInterval(scrtimer); //清理定时器
  }, function () {
    scrtimer = setInterval(function () {
      scroll($this);
    }, 2000)
  }).trigger("mouseout")
}
autoScroll()



// 点击回到顶部
$(window).scroll(function () {
  // console.log($('html').scrollTop())
  if ($("html").scrollTop() > 500) {
    // 大于500就淡入
    $(".topnav").fadeIn(200);
  }
  if ($("html").scrollTop() < 500) {
    // 回到小于500的距离就淡出
    $(".topnav").fadeOut(200);
  }
});

$(".topnav").click(function () {
  console.log(document.documentElement.scrollTop);
  $("html").animate({
      scrollTop: 0,
    },
    500
  );
});